<template>
    <div>
        <div style="height: 50px;">
            <div @click="back" style="float: left; margin-top: 5px; margin-left: 15px;">
                <img src="../../assets/themes/images/exit.png" height="30" width="30" />
            </div>
        </div>
        
        <div style="margin-top: 30px; text-align: center;">
            <h2>输入你的手机号</h2>
        </div>
        
        <div style="margin-top: 30px; width: 90%; margin-left: 5%;">
            <van-field v-model="tel" type="tel" label="手机号" />
            <br/>
            <div class="btn login_btn"><label style="margin-top: 8px; color: white;">登录</label></div>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            tel: '',
            value: '123',
        };
    },
    methods:{
        back(){
            this.$router.go(-1)
        },
    }
}
</script>

<style scoped>
.login_btn{
    width: 96%; 
    margin-left: 2%; 
    height: 50px; 
    border-radius: 20px;
    text-align: center;
    background-color: #FF5151;
}
</style>
